<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>流转中心</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <script type="text/javascript" src="../js/set_root.js"></script>
    <link rel="stylesheet" type="text/css" href="css/transferCenter20190614.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="/js/mint-ui/mint-ui.css" />
</head>

<body>
    <div id="transferCenter" class="buy-main" v-cloak>
        <div class="transferCenter-main buy-main">
            <div class="transferCenter-headerBox">
                <div class="transferCenter-header">
                    <img src="../image/member_fanhui.png" />
                    <span><a href="/myTask/myTask.html">返回</a></span>
                    <h2>流转中心</h2>
                </div>
                <div class="transferCenter-selectBox">
                    <div class="transferCenter-select" v-for="(item,index) in orderTitle"
                        @click="changeOrderType(index)">
                        <span class="transferCenter-select"
                            :class="orderType == index ? 'transferCenter-selectTitle' :''">
                            {{item.type}}
                        </span>
                    </div>
                </div>
            </div>
            <div class="transferCenter-m">
                <div v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
                    <div class="transferCenter-main" v-for="(item,index) in listData">
                        <div class="transferCenter-div">
                            <div class="transferCenter-infoBox">
                                <img :src="item.image" alt="" class="transferCenter-image">
                                <div class="transferCenter-infoBoxRight">
                                    <h5 v-if="item.communityName" class="transferCenter-name">社区网点:
                                        {{item.communityName}}</h5>
                                    <p class="transferCenter-name">{{item.fullName}}</p>
                                    <p class="transferCenter-info">单价：{{item.price/100}}元</p>
                                    <p class="transferCenter-info" v-if="orderTitle[orderType].status !=='FINISHED'">
                                        数量：x{{item.totalProcureQuantity}}</p>
                                    <div class="transferCenter-num">
                                        <div
                                            :class="orderTitle[orderType].status ==='FINISHED'?'transferCenter-total':'transferCenter-info'">
                                            合计：{{item.totalPrice/100}}元</div>
                                        <div class="transferCenter-total" v-if="orderTitle[orderType].status ==='FINISHED'">数量：X
                                            {{item.totalProcureQuantity}}</div>
                                    </div>
                                </div>
                                <div class="buyTask-div">
                                    <button v-if="orderTitle[orderType].status !=='FINISHED'"
                                        class="transferCenter-button"
                                        @click="confirm(item.procurementTaskIdList, index)">
                                        {{orderTitle[orderType].status ==='PROCURING'? '确认收货':'确认发货'}}
                                    </button>
                                </div>
                            </div>
                            <!-- flowOutTime -->
                            <p class="transferCenter-time" v-if="orderTitle[orderType].status ==='FINISHED'">
                                发货时间：{{format(item.flowOutTime)}}</p>
                        </div>
                        <div class="toast-container" v-if="errMsg">
                            <div class="toast"><span v-html="errMsg"></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../js/vue.js"></script>
    <script src="../js/layout.js" type="text/javascript" charset="utf-8"></script>
    <!--<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>-->
    <script type="text/javascript" src="../js/axios.min.js"></script>
    <script type="text/javascript" src="/js/fetch20190612.js"></script>
    <script type="text/javascript" src="/js/mint-ui/mint-ui.js"></script>
    <script src="js/transferCenter.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>
